<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U-商品详情</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/proDetail.css">
    <link rel="stylesheet" href="./css/public.css">
</head>
<body>
    <div class="contain">
        <header class="header">
            <div class="left">
                <a href="#"><img src="./images/public/arrow.jpg" alt=""></a>
            </div>
            <div class="center">
                <h2>商品详情</h2>
            </div>
            <div class="right">
                <span></span>
                <span></span>
                <span></span>
            </div>       
        </header>
        <div class="banner">
            <div class="up">
                <a href="#">
                    <img src="./images/detail_/pic_1.jpg" alt="">
                </a>    
            </div>
            <div class="down">
                <a href="#">
                    <img src="./images/detail_/pic_2.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="banner-last wrap">
            <p><a href="#">娅芝贵妇素颜霜 贵妇膏神仙膏补水保湿懒人霜遮瑕珍珠膏</a></p>
            <p class="p2"><span>&yen; 123.00</span>(此价格不与套装优惠同时享受)</p>
        </div>

        <hr>

        <div class="floor1 wrap">
            <div class="top">
                <div class="left">
                    <p>促销: 
                        <a href="#">满减</a>
                        满2件9折; 3件8折
                    </p>
                </div>
                <div class="right">
                    <a href="#"><img src="./images/detail_/arrow.jpg" alt=""></a>
                </div>
            </div>
            <div class="center">
                <div class="left">
                    <p>购买数量</p>
                </div>
                <div class="right">
                    <div class="box">
                        <span class="span1">-</span>
                        <span class="span2">1</span>
                        <span class="span3">+</span>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="left">
                    <p>商品属性</p>
                    <p>规格 
                        <a href="#">30g</a>
                        <a href="#">5g</a>
                    </p>
                </div>
                <div class="right">
                    <a href="#"><img src="./images/detail_/arrow.jpg" alt=""></a>
                </div>
            </div>
        </div>

        <hr class="hr2">

        <div class="m-pic">
            <div class="pic1">
                <img src="./images/detail_/pic_3.jpg" alt="">
            </div>
            <div class="pic2">
                <img src="./images/detail_/pic_4.jpg" alt="">
            </div>
            <div class="pic3">
                <img src="./images/detail_/pic_5.jpg" alt="">
            </div>
            <div class="pic4">
                <img src="./images/detail_/pic_6.jpg" alt="">
            </div>
            <div class="pic5">
                <img src="./images/detail_/pic_7.jpg" alt="">
            </div>
        </div>

        <div class="floor2 wrap">
            <div class="top">
                <p>商品评价</p>
            </div>
            <div class="center">
                <p class="p1">
                    <a href="#">1235668fg</a>
                </p>
                <p class="p2">效果很好，物流到位，下次继续来！</p>
                <div class="picture">
                    <img src="./images/detail_/pic_8.jpg" alt="">
                    <img src="./images/detail_/pic_9.jpg" alt="">
                    <img src="./images/detail_/pic_10.jpg" alt="">
                </div>
                <p class="p4">2020-01-13</p>
            </div>
            <div class="bottom">
                <p>
                    共1000+条评论
                    <a href="#">更多 ></a>
                </p>
            </div>
        </div>
        <div class="blank"></div>
    </div>
    <div class="tab-bar">
        <div class="left">
            <a href="#">
                <img src="./images/public/icon_7.jpg" alt="">
                <p>购物车</p>
                <span>2</span>
            </a>
            
        </div>
        <div class="center">
            <a href="#">加入购物车</a>
        </div>
        <div class="right">
            <a href="#">立即购买</a>
        </div>
    </div>
</body>
</html>